/*
Theme Name: Simple Yu
Theme URI: http://yuguodesign.com
Description: Just a simple theme by <a href="http://yuguodesign.com">Yuguo</a>
Version: 0.2
Author: Yuguo & tianweier
Author URI: http://yuguodesign.com
Author URI: http://www.tianweier.cn/
Tags: blue, minilism, two columns
*/

 /* reset */
 
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background:transparent none repeat scroll 0 0;border:0 none;font-size:100%;margin:0;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;padding:0;vertical-align:baseline;}

ol, ul {list-style-image:none;list-style-position:outside;list-style-type:none;}

/*  common  */
a {color:#3b5999;}
body,h1,h2,h3,h4,h5 {font:12px/1.5 'Microsoft YaHei',Tahoma, Helvetica, Arial, sans-serif;}
.clear {clear:both;}
.float-fix:after{content:"";height:0;clear:both;display:block;overflow:hidden;}
.bottom-round{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
.float-left {float:left;}
.float-right {float:right;}

/* wrapper */
#wrapper {width:960px;margin:0 auto;}

/*  headerimg  */
#headerimg h1 a{display:block;height:65px;width:211px; background:url("images/logo.png") no-repeat;text-indent:-5000px;position:absolute;margin-top:30px;z-index:1;}
#headerimg {margin:10px 0;height:180px;background:url("images/blog.jpg") no-repeat right top;position:relative;}
#headerimg p {display:block;background-color:#e9ecf1;border:1px solid #dfe2e7;padding:15px;color:#393939;position:absolute;left:208px;width:400px;margin-top:28px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

/* nav  */
#nav {height:42px;font-size:12px;background:#3b5999;}
#nav ul {float:left;margin-left:10px;}
#nav li a {color:#eaebee;font-weight:bold;font-size:14px;}
#nav li a.current, 
#nav li a:hover {background:#1A3777;color:#E6E7B5}
#nav li {display:inline;}
#nav li a {text-decoration:none;display:block;padding:0 13px;float:left;height:42px;line-height:42px;}

#nav form {padding:8px 10px;}
#nav form label {display:none;}
#nav form input#s {width:122px;height:26px;line-height:26px;color:#ccc;background:url("images/search-input.png") no-repeat; border:0; padding:0 25px 0 3px;}
#nav form input#searchsubmit {text-indent:-5000px;display:block;height:22px;width:22px;background:url("images/search.png") no-repeat;border:0;cursor:pointer;position:relative;right:25px;top:2px;}
#nav form input {float:left;}
#nav form,
#nav a#rss {float:right;}
#nav a#rss {display:block;height:40px;width:40px;text-indent:-5000px;background:url("images/rss.png");margin-right:2px;}
#nav a#rss:hover {background:url("images/rss.png") no-repeat 0 -40px;}

/* main */


/* main content */

#main #content {width:650px;float:left;font-size:14px;color:#494949;}
#main #content .post {margin:10px 0 0;padding-bottom:30px;border-bottom:1px solid #d9d9d9;}
#main #content h2 a,
#main #content h3 a {font-size:20px;padding:0;text-decoration:none;font-weight:normal;line-height:1.2em;}/* h3 for Archives */
#main #content small {color:#b2b2b2;font-size:12px;}
#main #content .delete {text-decoration:line-through;}

/* single entry */
#main #content .entry-summary {margin-top:10px;}
#main #content .entry-summary p {font-size:14px;line-height:1.2em;}
#main #content .read-more {margin-top:10px;display:inline-block;font-size:12px;}
#main #content .index-postmetadata {margin-top:20px;font-size:12px;}
#main #content .index-postmetadata .cat a {-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;background-color:#3b5999;padding:2px 3px 2px 5px;color:#fff;text-decoration:none;}
#main #content .index-postmetadata .comment a {-moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;background-color:#e6e6e6;padding:2px 5px 2px 3px;margin-left:-4px;color:#5e5e5e;text-decoration:none;}

/* main posts navigation */
#main .index-navigation {overflow:hidden;padding-top:20px;}
#main .index-navigation .alignleft a,
#main .index-navigation .alignright a {padding:5px 0;width:305px;font-size:18px;font-weight:bold;background:#f2f2f2;border:1px solid #e6e6e6;-moz-border-radius: 5px;-webkit-border-radius: 5px;float:left;color:#b3b3b3;text-decoration:none;}
#main .index-navigation .alignleft a {padding-left:10px;}
#main .index-navigation .alignright a{padding-right:10px;text-align:right;margin-left:20px;}

/* main sidebar */
#main #sidebar {width:280px;float:right;}
#main #sidebar h2 {background:#e9ecf1;border:1px solid #dfe2e7;-moz-border-radius: 3px;-webkit-border-radius: 3px;color:#898a8b;font-size:14px;padding:2px 10px;}
#main #sidebar p, 
#main #sidebar ul {padding:10px;}
#main #sidebar ul li ul {margin-bottom:20px;}
#main #sidebar ul.all {padding:15px 0 0;}
#main #sidebar img {background:#fff;border:1px solid #3b5999;padding:5px;float:left;margin:0 10px 10px 0;}
#main #sidebar {color:#666666;}

/*  single  */
.single #main {margin-top:20px;}

/*  single postmetadata  */
.single #content .postmetadata {border:1px solid #d9d9d9;-moz-border-radius: 5px;-webkit-border-radius: 5px;line-height:22px;margin:10px 0 20px;font-size:12px;}
.single #content .postmetadata span.time {border:0;}
.single #content .postmetadata span {padding:3px 5px;border-right:1px solid #d9d9d9;}
.single #content .postmetadata,
.single #content .postmetadata a {color:#808080;text-decoration:none;}
.single #content .postmetadata a:hover {text-decoration:underline;}

.single #content h1 {text-align:right;font-size:30px;}
.single #content p#posttime {display:block;text-align:right;}

/*  single entry  */
.single #content p {margin-bottom:10px;color:#494949;line-height:1.4em;}
.single #content .entry h2,
.single #content .entry h3,
.single #content .entry h4 {font-weight:bolder;line-height:2em;}
.single #content .entry h2 {font-size:24px;}
.single #content .entry h3 {font-size:20px;}
.single #content .entry h4 {font-size:16px;}
.single #content .entry img {display:block;margin:0 auto;text-align:center;}
.single #content .wp-caption {padding:5px;padding-bottom:10px;background:#f3f3f3;border:1px solid #ddd;-moz-border-radius:3px;}
.single #content .wp-caption-text {text-align:center;}
.single #content .alignnone {margin:0 auto;}
.single #content blockquote {margin-left:2em;}
.single #content blockquote.topnotice {margin:0;background-color:#FCECAD;border:1px solid #ccc;padding:5px;}
.single #content .entry ul,
.single #content .entry ol {background-color:#FBF9EA;border:1px solid #E2E1D5;padding:10px;list-style-position:inside;}
.single #content .entry ol li {list-style-type:decimal-leading-zero;}
.single #content .entry ul li {list-style-type:circle;}

/*  single post navigation  */
.single .navigation {padding-top:10px;}
.single .navigation a {color:#808080;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;display:inline-block;width:95%;overflow:hidden;}
.single .navigation .alignleft span,
.single .navigation .alignright span {width:250px;font-size:12px;background:#e6e6e6;border:1px solid #e0e0e0;-moz-border-radius: 5px;-webkit-border-radius: 5px;float:left;}
.single .navigation .alignleft span {padding-left:5px;}
.single .navigation .alignright span{padding-right:5px;text-align:right;float:right;}
.single .navigation .alignright span a {float:right;margin-right:5%;}

/*  commentlist  */
.single #content #comments,
.single #content #respond h3 {font-size:18px;margin:20px 0 20px;}

.single #content textarea#comment {width:600px;height:100px;overflow-y:visible;}
.single #content .commentlist li {padding:14px 0 12px;border-top:1px solid #ececec;}
.single #content .commentlist li cite{font-style:normal}
.single #content .commentlist li cite .url {color:#3b5999;text-decoration:none;}
.single #content .commentlist li img {float:left;padding:5px;margin:0 10px 10px 0;border:1px solid #d9d9d9;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.single #content .commentlist li div.comment-meta {color:#ccc;margin:15px 0 0 55px;font-size:12px;}
.single #content .commentlist li p {margin:10px 0 0 55px;}
.single #content #respond {margin-top:20px;}

/*  Leave a comment  */
.single #content #commentform input,
.single #content #commentform textarea {padding:3px 5px;color:#666;border:1px solid #e5e5e5;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.single #content #commentform textarea {height:80px;padding:5px;font-size:14px;}
.single #content #commentform input:hover {background-color:#f3f2b9;border:1px solid #a3a252;}
.single #content #commentform #submit {position:relative;left:480px;padding:7px 13px;color:#808080;}

/* footer */
#footer p {color:#666666;text-align:center;}
#footer {margin:20px 0 40px;border:1px solid #d9d9d9; -moz-border-radius: 5px;-webkit-border-radius: 5px;padding:5px 0;}